{% extends "base_page_frame.html" %}
{% block headjs %}
    <style type="text/css">
    body {
        background-color: #FFF;
    }
    </style>
    <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}/css/font-awesome.css" media="screen" />
    <script>
        $("body").removeClass("indexBody");
    </script>
    <script src="{{ MEDIA_URL }}/jslib/echarts.js"></script>
{% endblock %}
{% load i18n %}
{% load dbapp_tags %}
{% block datalist_content %}
    <div class="chart-box">
        <table><tbody>
            <tr>
                <td>
                    <div id="chartPresent" class="chart-min-box"></div>
                </td>
                <td width="20"></td>
                <td>
                    <div id="chartCompare" class="chart-mid-box"></div>
                </td>
            </tr>
            <tr><td height="25"></td></tr>
            <tr>
                <td colspan="3">
                    <div class="chart-max-box">
                        <table>
                            <tbody>
                                <tr><td colspan="2" align="center"><h2 style="font-weight: bold;">{% trans '实时监控(今天)' %}</h2></td></tr>
                                <tr>
                                    <td><div class="chart-max-a-box">
                                        <table class="dashboard-table">
                                            <thead></thead>
                                            <tbody></tbody>
                                        </table>
                                    </div></td>
                                    <td><div id="areaCapacity" class="chart-max-b-box"></div></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </td>
            </tr>
        </tbody></table>
    </div>
    <div id="obj_tooltip"></div>
{% endblock %}
{% block extend_js %}
    <script src="{{ MEDIA_URL }}/jslib/dashboard.js"></script>
{% endblock %}